<template>
  <div class="label-plane">
    <div class="left">
      <span class="iconfont" :class="icon"></span>
      <span class="label">{{label}}</span>
    </div>
    <div class="right">
      <slot></slot>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    label: String,
    icon: String
  }
}
</script>

<style scoped lang="stylus">
  .label-plane
      height 40px
      display flex
      align-items center
      padding-left 13px
      background-color #FFFFFF
      .left
          width 123px
          flex 0 0 123px
          display flex
          align-items center
          .iconfont
            color #F9A528
            dpr-font(16px)
          .label
            margin-left 9px
            dpr-font(14px)
            color:rgba(85,84,93,1);
      .right
          flex 1
          position relative

</style>
